<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->
<ui:composition template="../templates/commonClient.xhtml">
	<ui:define name="pageTitle">Title</ui:define>
	<ui:define name="pageHeader">Header</ui:define>

	<ui:define name="contenu">
		<div id="myCarousel" class="carousel slide">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
				<li data-target="#myCarousel" data-slide-to="3"></li>

			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner">
				<div class="item active">
					<div class="fill"
						style="background-image: url('/voyages-web/resources/img/pics/1002.jpg');"></div>
					<div class="carousel-caption">
						<h1>Destinations soleil</h1>
					</div>
				</div>
				<div class="item">
					<div class="fill"
						style="background-image: url('/voyages-web/resources/img/pics/1005.jpg');"></div>
					<div class="carousel-caption">
						<h1>Dinez dans les plus beaux hotêls</h1>
					</div>
				</div>
				<div class="item">
					<div class="fill"
						style="background-image: url('/voyages-web/resources/img/pics/1041.jpg');"></div>
					<div class="carousel-caption">
						<h1>Détendez vous avec nous</h1>
					</div>
				</div>
				<div class="item">
					<div class="fill"
						style="background-image: url('/voyages-web/resources/img/pics/1043.jpg');"></div>
					<div class="carousel-caption">
						<h1>Optez pour la simplicité</h1>
					</div>
				</div>
				<div class="item">
					<div class="fill"
						style="background-image: url('/voyages-web/resources/img/pics/1058.jpg');"></div>
					<div class="carousel-caption">
						<h1>Le paradis a prix mini</h1>
					</div>
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">
				<span class="icon-prev"></span>
			</a> <a class="right carousel-control" href="#myCarousel"
				data-slide="next"> <span class="icon-next"></span>
			</a>
		</div>

	</ui:define>
	<ui:define name="container">
		<h:body>
			<h:form>
				<div class="row">
					<div class="box" style="background-color: grey;">
						<div class="col-lg-12">
							<hr></hr>
							<h2 class="intro-text text-center">
								Contact <strong>Pack Voyage Enterprise</strong>
							</h2>
							<hr></hr>
						</div>
						<div class="col-md-8">
							<!-- Embedded Google Map using an iframe - to select your location find it on Google maps and paste the link as the iframe src. If you want to use the Google Maps API instead then have at it! -->
							<iframe width="100%" height="400px" frameborder="0"
								scrolling="no" marginheight="0" marginwidth="0"
								src="/voyages-web/resources/img/pics/carteafc.png"></iframe>
						</div>
						<div class="col-md-4">
							<p>
								téléphone: <strong>01.00.00.00.00</strong>
							</p>
							<p>
								Email: <strong>voyage@packsvoyage.com</strong>
							</p>
							<p>
								Address: <strong>A L'afc<br></br>3 rue danton<br></br>Malakoff
								</strong>
							</p>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="row">
					<div class="box"  style="background-color: grey;">
						<div class="col-lg-12">
							<hr></hr>
							<h2 class="intro-text text-center">
								Formulaire de <strong>Contacte</strong>
							</h2>
							<hr></hr>
							<p>Nous vous remerçions d'avoir visité notre site, etnous vous répondrons dans les plus brefs délais.</p>
							<form role="form">
								<div class="row">
									<div class="form-group col-lg-4">
										<label>Nom</label> <input type="text" class="form-control" />
									</div>
									<div class="form-group col-lg-4">
										<label>Adresse Email </label> <input type="email"
											class="form-control" />
									</div>
									<div class="form-group col-lg-4">
										<label for="input3">Numéro de téléphone</label> <input type="phone"
											class="form-control" />
									</div>
									<div class="clearfix"></div>
									<div class="form-group col-lg-12">
										<label>Message</label>
										<textarea class="form-control" rows="6"></textarea>
									</div>
									<div class="form-group col-lg-12">
										<input type="hidden" name="save" value="contact" />
										<button type="submit" class="btn btn-default">Envoyer</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</h:form>
		</h:body>
	</ui:define>
</ui:composition>

</html>